﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <title>蝉游记 - 发现旅行之美，保存旅行回忆</title>
    <meta content="那些一生只见一次的美景你怎么舍得遗忘,10分钟写出漂亮游记" name="description"/>
    <meta content="游记,旅游攻略,自助游" name="keywords"/>
    <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible"/>
    <script type="text/javascript">window.NREUM || (NREUM = {});
    NREUM.info = {
        "beacon": "bam.nr-data.net",
        "errorBeacon": "bam.nr-data.net",
        "licenseKey": "0c03f505b7",
        "applicationID": "1959152",
        "transactionName": "IlhbRxAKWV9QQxpBRwRFRhwRAEZAXF5bRxsPUkI=",
        "queueTime": 0,
        "applicationTime": 19,
        "ttGuid": "",
        "agentToken": null,
        "agent": ""
    }</script>
    <script type="text/javascript">window.NREUM || (NREUM = {}), __nr_require = function (e, n, t) {
        function r(t) {
            if (!n[t]) {
                var o = n[t] = {exports: {}};
                e[t][0].call(o.exports, function (n) {
                    var o = e[t][1][n];
                    return r(o || n)
                }, o, o.exports)
            }
            return n[t].exports
        }

        if ("function" == typeof __nr_require)return __nr_require;
        for (var o = 0; o < t.length; o++)r(t[o]);
        return r
    }({
        1: [function (e, n, t) {
            function r() {
            }

            function o(e, n, t) {
                return function () {
                    return i(e, [c.now()].concat(u(arguments)), n ? null : this, t), n ? void 0 : this
                }
            }

            var i = e("handle"), a = e(2), u = e(3), f = e("ee").get("tracer"), c = e("loader"), s = NREUM;
            "undefined" == typeof window.newrelic && (newrelic = s);
            var p = ["setPageViewName", "setCustomAttribute", "setErrorHandler", "finished", "addToTrace", "inlineHit", "addRelease"], d = "api-", l = d + "ixn-";
            a(p, function (e, n) {
                s[n] = o(d + n, !0, "api")
            }), s.addPageAction = o(d + "addPageAction", !0), s.setCurrentRouteName = o(d + "routeName", !0), n.exports = newrelic, s.interaction = function () {
                return (new r).get()
            };
            var m = r.prototype = {
                createTracer: function (e, n) {
                    var t = {}, r = this, o = "function" == typeof n;
                    return i(l + "tracer", [c.now(), e, t], r), function () {
                        if (f.emit((o ? "" : "no-") + "fn-start", [c.now(), r, o], t), o)try {
                            return n.apply(this, arguments)
                        } finally {
                            f.emit("fn-end", [c.now()], t)
                        }
                    }
                }
            };
            a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","), function (e, n) {
                m[n] = o(l + n)
            }), newrelic.noticeError = function (e) {
                "string" == typeof e && (e = new Error(e)), i("err", [e, c.now()])
            }
        }, {}], 2: [function (e, n, t) {
            function r(e, n) {
                var t = [], r = "", i = 0;
                for (r in e)o.call(e, r) && (t[i] = n(r, e[r]), i += 1);
                return t
            }

            var o = Object.prototype.hasOwnProperty;
            n.exports = r
        }, {}], 3: [function (e, n, t) {
            function r(e, n, t) {
                n || (n = 0), "undefined" == typeof t && (t = e ? e.length : 0);
                for (var r = -1, o = t - n || 0, i = Array(o < 0 ? 0 : o); ++r < o;)i[r] = e[n + r];
                return i
            }

            n.exports = r
        }, {}], 4: [function (e, n, t) {
            n.exports = {exists: "undefined" != typeof window.performance && window.performance.timing && "undefined" != typeof window.performance.timing.navigationStart}
        }, {}], ee: [function (e, n, t) {
            function r() {
            }

            function o(e) {
                function n(e) {
                    return e && e instanceof r ? e : e ? f(e, u, i) : i()
                }

                function t(t, r, o, i) {
                    if (!d.aborted || i) {
                        e && e(t, r, o);
                        for (var a = n(o), u = m(t), f = u.length, c = 0; c < f; c++)u[c].apply(a, r);
                        var p = s[y[t]];
                        return p && p.push([b, t, r, a]), a
                    }
                }

                function l(e, n) {
                    v[e] = m(e).concat(n)
                }

                function m(e) {
                    return v[e] || []
                }

                function w(e) {
                    return p[e] = p[e] || o(t)
                }

                function g(e, n) {
                    c(e, function (e, t) {
                        n = n || "feature", y[t] = n, n in s || (s[n] = [])
                    })
                }

                var v = {}, y = {}, b = {
                    on: l,
                    emit: t,
                    get: w,
                    listeners: m,
                    context: n,
                    buffer: g,
                    abort: a,
                    aborted: !1
                };
                return b
            }

            function i() {
                return new r
            }

            function a() {
                (s.api || s.feature) && (d.aborted = !0, s = d.backlog = {})
            }

            var u = "nr@context", f = e("gos"), c = e(2), s = {}, p = {}, d = n.exports = o();
            d.backlog = s
        }, {}], gos: [function (e, n, t) {
            function r(e, n, t) {
                if (o.call(e, n))return e[n];
                var r = t();
                if (Object.defineProperty && Object.keys)try {
                    return Object.defineProperty(e, n, {value: r, writable: !0, enumerable: !1}), r
                } catch (i) {
                }
                return e[n] = r, r
            }

            var o = Object.prototype.hasOwnProperty;
            n.exports = r
        }, {}], handle: [function (e, n, t) {
            function r(e, n, t, r) {
                o.buffer([e], r), o.emit(e, n, t)
            }

            var o = e("ee").get("handle");
            n.exports = r, r.ee = o
        }, {}], id: [function (e, n, t) {
            function r(e) {
                var n = typeof e;
                return !e || "object" !== n && "function" !== n ? -1 : e === window ? 0 : a(e, i, function () {
                            return o++
                        })
            }

            var o = 1, i = "nr@id", a = e("gos");
            n.exports = r
        }, {}], loader: [function (e, n, t) {
            function r() {
                if (!x++) {
                    var e = h.info = NREUM.info, n = d.getElementsByTagName("script")[0];
                    if (setTimeout(s.abort, 3e4), !(e && e.licenseKey && e.applicationID && n))return s.abort();
                    c(y, function (n, t) {
                        e[n] || (e[n] = t)
                    }), f("mark", ["onload", a() + h.offset], null, "api");
                    var t = d.createElement("script");
                    t.src = "https://" + e.agent, n.parentNode.insertBefore(t, n)
                }
            }

            function o() {
                "complete" === d.readyState && i()
            }

            function i() {
                f("mark", ["domContent", a() + h.offset], null, "api")
            }

            function a() {
                return E.exists && performance.now ? Math.round(performance.now()) : (u = Math.max((new Date).getTime(), u)) - h.offset
            }

            var u = (new Date).getTime(), f = e("handle"), c = e(2), s = e("ee"), p = window, d = p.document, l = "addEventListener", m = "attachEvent", w = p.XMLHttpRequest, g = w && w.prototype;
            NREUM.o = {
                ST: setTimeout,
                CT: clearTimeout,
                XHR: w,
                REQ: p.Request,
                EV: p.Event,
                PR: p.Promise,
                MO: p.MutationObserver
            };
            var v = "" + location, y = {
                beacon: "bam.nr-data.net",
                errorBeacon: "bam.nr-data.net",
                agent: "js-agent.newrelic.com/nr-1026.min.js"
            }, b = w && g && g[l] && !/CriOS/.test(navigator.userAgent), h = n.exports = {
                offset: u,
                now: a,
                origin: v,
                features: {},
                xhrWrappable: b
            };
            e(1), d[l] ? (d[l]("DOMContentLoaded", i, !1), p[l]("load", r, !1)) : (d[m]("onreadystatechange", o), p[m]("onload", r)), f("mark", ["firstbyte", u], null, "api");
            var x = 0, E = e(4)
        }, {}]
    }, {}, ["loader"]);</script>
    <meta content="webkit" name="renderer"/>
    <link href="http://cdn.chanyouji.cn/assets/favicon-28d3ebf155339de4149e853c89268c5e.ico" rel="shortcut icon"/>
    <link href="http://cdn.chanyouji.cn/assets/touch-icon-c76a8f4b30feb31dc695f9d7ecc9e47d.png"
          rel="apple-touch-icon-precomposed"/>
    <link href="http://cdn.chanyouji.cn/assets/touch-icon-72-80cc1d2402b32d2193cf7f660a788fe4.png"
          rel="apple-touch-icon-precomposed" sizes="72x72"/>
    <link href="http://cdn.chanyouji.cn/assets/touch-icon-114-cb5717b20da55cb9b43d5e35b4eb6bca.png"
          rel="apple-touch-icon-precomposed" sizes="114x114"/>
    <link href="http://chanyouji.com/trips.rss" rel="alternate" title="蝉游记 - 精选游记 RSS" type="application/rss+xml"/>
    <script type="text/javascript">if (self != top) top.location.href = self.location.href;</script>
    <link href="__TMPL__Public/canyouji/Css/application-3507b4c9cc8ab60c6e3897ee732d64fa.css" media="all" rel="stylesheet" type="text/css"/>
    <!--[if lt IE 9]>
    <link href="__TMPL__Public/canyouji/Css/lt_ie9-bb0a21f3a12a4b9359b1944db9aa6686.css" media="screen" rel="stylesheet" type="text/css"/>
    <![endif]--><!--[if lt IE 7]>
    <link href="__TMPL__Public/canyouji/Css/ie6-2784a7ac07cf06630699dd2e58132186.css" media="screen" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <style type="text/css">body {
        background-color: #FFF
    }</style>
    <!--[if lt IE 9]>
    <script src="__TMPL__Public/canyouji/Scripts/html5-17408d6adb7038f9d8c3f2f3b77ea7d6.js" type="text/javascript"></script><![endif]-->
    <script type="text/javascript">var _G_current_user_cookie = "";</script>
    <script src="__TMPL__Public/canyouji/Scripts/application-68213565115eb52d21cba4efc229c36d.js" type="text/javascript"></script>
    <meta content="authenticity_token" name="csrf-param"/>
    <meta content="7XxmYe28tMPZU4sTOGMERT2HYPv711pMbXkvroUCmRw=" name="csrf-token"/>
</head>
<body class="sessions-new">
<div id="wrapper">
    <div class="top-bar"><a href="/"><img alt="蝉游记" class="top-logo" id="site-logo"
                                          src="__TMPL__Public/canyouji/Picture/top-logo-5d87075612abd4e51484015cfd932181.png"/></a>
        <script type="text/javascript">if (window.devicePixelRatio && window.devicePixelRatio > 1) $('#site-logo').attr('src', 'http://cdn.chanyouji.cn/assets/top-logo@2x-afb1f2d6648727386edf4cfdc6f55e6e.png')</script>
        <div class="top-search">
            <form action="/search/index" id="top-search-bar" method="get"><input name="q" placeholder="搜索" type="text"/>
                <button type="submit"></button>
            </form>
            <script type="text/javascript">topSearchBar()</script>
        </div>
        <ul class="menu">
            <li><a href="/home/app">手机应用</a></li>
            <li><a href="/home/app#inspiration">氢气球旅行</a></li>
        </ul>
        <div class="login" id="top-bar-login"><a href="/users/sign_in?iframe=true">登录</a></div>
        <script type="text/javascript">$("#top-bar-login a").fancybox({
            scrolling: 'no',
            padding: 0,
            type: 'iframe',
            width: 450,
            height: 600
        });</script>
    </div>
    <div class="page-login">
        <div class="site-logo">
            <img alt="Logo-s" src="__TMPL__Public/canyouji/Picture/logo-s-59b3d4e483e2ad3b3f58f28cc22315d1.png"/>
        </div>
        <div class="tenm">
            <p>蝉游记是帮助你轻松制作游记的工具<br/>3个步骤10分钟，制作华丽游记，记录旅行也可以如此简单！</p>
        </div>
        <div id="login-container">
            <div class="login-h">第三方登录</div>
            <div class="connection" id="connection">
                <ul class="openplatform clearfix">
                    <li class="weibo"><a href="/users/auth/weibo">微博登录</a></li>
                    <li class="qq"><a href="/users/auth/qq_connect">QQ登录</a></li>
                    <li class="douban"><a href="/users/auth/douban">豆瓣登录</a></li>
                </ul>
            </div>
            <div class="login-h">邮箱登录</div>
            <div id="emaillogin">
                <form accept-charset="UTF-8" action="/users/sign_in" class="new_user" data-remote="true" id="new_user" method="post">
                    <div style="margin:0;padding:0;display:inline">
                        <input name="utf8" type="hidden" value="&#x2713;"/>
                        <input name="authenticity_token" type="hidden" value="7XxmYe28tMPZU4sTOGMERT2HYPv711pMbXkvroUCmRw="/>
                    </div>
                    <div class="input-row">
                        <input id="user_email" name="user[email]" size="30" type="email"/>
                    </div>
                    <div class="input-row">
                        <input id="user_password" name="user[password]" size="30" type="password"/>
                    </div>
                    <div class="input-row">
                        <input class="captcha-code" id="captcha_code" name="captcha_code" placeholder="验证码" required="true" type="text"/>
                        <img id="captcha"/>
                    </div>
                    <div class="row" style="text-align:right">
                        <input name="user[remember_me]" type="hidden" value="0"/>
                        <input checked="checked" id="user_remember_me" name="user[remember_me]" style="margin-right: 5px" type="checkbox" value="1"/>
                        <label for="user_remember_me">记住登录</label>
                        <input class="btn-l" name="commit" type="submit" value="登录"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript">function open_login_window(url) {
        var left = (screen.width - 600) / 2;
        var top = (screen.height - 400) / 2;
        window.open(url, '_blank', 'toolbar=no, directories=no, status=no, menubar=no, width=600, height=500, top=' + top + ', left=' + left).focus();
    }

    $(document).ajaxError(function (e, xhr) {
        $('#user_email').blur();
        $('#user_password').blur();
        $('#captcha_code').attr('value', '').blur();
        $('#captcha').removeAttr('src').hide();
        if (xhr.status == 401) {
            $(function () {
                $.confirm('邮箱或密码错误', null, {btnCancel: false})
            });
        } else if (xhr.status == 406) {
            $(function () {
                $.confirm('验证码错误', null, {btnCancel: false})
            });
        }
    });

    $("#new_user").on("ajax:success", function (e, data) {
        window.location.href = data.location;
    });

    (function () {
        function refreshCaptchaCode() {
            $.ajax({
                url: '/captcha',
                type: 'GET',
                success: function (res) {
                    $('#captcha').attr('src', "data:image/jpeg;base64," + res).show();
                }
            });
        }

        $('#captcha_code').on('focus', function () {
            if (!$('#captcha').attr('src')) refreshCaptchaCode();
        });
        $('#captcha').click(refreshCaptchaCode);
    })();</script>
    <footer class="page-footer">
        <div class="inner">
            <div class="copyright">&copy; 蝉游记<a href="http://www.miibeian.gov.cn" rel="nofollow" target="_blank">沪ICP备12026324号</a>
            </div>
            <a href="/home/app">手机应用</a>|<a href="/wiki">口袋攻略</a>|<a href="/feedbacks/new" id="footer-feedback">意见反馈</a>|<a
                href="/home/contact">联系我们</a>|<a href="/home/terms">使用条款</a></div>
    </footer>
</div>
<script type="text/javascript">$("#footer-feedback").fancybox({
    scrolling: 'no',
    padding: 0,
    width: 770,
    height: 420,
    type: 'iframe',
    hideOnOverlayClick: false
});</script>
</body>
</html>